<template>
  <header>
    <div class="header-language">
      <a @click="changeLocale('en')">English</a>
      <a @click="changeLocale('zhCHS')">简体中文</a>
      <a @click="changeLocale('zhCHT')">繁體中文</a>
      <p>current language: {{lang}}</p>
    </div>
  </header>
</template>

<script>
export default {
    props:['lang'],
    methods:{
		changeLocale(locale){
			this.$emit('changeAppLocale', locale);
		}
  }
}
</script>

<style scoped>

</style>
